<template>
  <view class="page">
    <view class="card" @click="toForm()">
      <icon type="warn" size="48"></icon>
      <view class="item">
        <view class="item-content">
          <text class="title">需求方认证</text>
          <text class="desc">使您拥有需求发布权限</text>
        </view>
      </view>
    </view>
    <view class="card" @click="toForm()">
      <icon type="success" size="48"></icon>
      <view class="item">
        <view class="item-content">
          <text class="title">服务方认证</text>
          <text class="desc">使您拥有服务报名权限</text>
        </view>
      </view>
    </view>
  </view>
</template>
<script>
export default {
  data() {
    return {

    }
  },
  methods: {
    toForm() {
      wx.navigateTo({
        url: '/pages/mine/identification/form'
      })
    }
  }
}
</script>
<style lang="scss" scoped>
.page {
  width: 100vw;
  height: 100vh;
  padding: 10px 0;
  background: #eee;
}
.card {
  width: 100%;
  height: 80px;
  margin-bottom: 10px;
  padding: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  .item {
    margin-left: 20px;
    padding-right: 20px;
    display: flex;
    flex-grow: 1;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    
    &::after {
      content: '';
      width: 15px;
      height: 15px;
      border-top: 2px solid #eee;
      border-right: 2px solid #eee;
      transform: rotate(45deg);
    }
    .item-content {
      display: flex;
      flex-direction: column;
      justify-content: center;
      .title {
        color: #222;
        font-size: 18px;
      }
      .desc {
        color: #ccc;
        font-size: 16px;
      }
    }
  }
}
</style>